$(function () {
    //点a链接，显示隐藏盒子
    $("#loginBox a").on('click', function () {
        $("#loginBox").hide()
        $("#registerBox").show()
    })
    $("#registerBox a").on('click', function () {
        $("#loginBox").show()
        $("#registerBox").hide()
    })
    //需求2：自定义校验规则
    let form = layui.form
    //   verify()的值是个对象
    form.verify({
        //属性是规则名，值可以是数组或函数
        pwd: [
            //第一个值是校验规则   [\s]:是空格 
            //  \d:数字 
            /^[\S]{6,15}$/,
            //报错信息
            "密码长度是6-15个字符,且不能是空格"
        ],//要有逗号分开
        // 验证
        repwd: function (value) {//规则给谁，value就是他的
            // value也可以写成 $('[name = repassword]').val()
            let pwd = $('#registerBox [name=password]').val()
            //两次输入不一样则报错
            if (value !== pwd) {
                return '输入的两次密码不一致！'
            }
        }
    })
})
//需求3：注册(axios)
let layer = layui.layer
$("#form-reg").on("submit", function (e) {
    e.preventDefault()
    //发送ajax
    axios({
        method: 'post',
        url: '/api/reguser',
        data: $(this).serialize()
    }).then((res) => {
        //判断状态码
        if (res.data.status !== 0) {
            return alert(res.data.message)
        }
        //注册成功，给提示
       // alert(res.data.message)
       layer.msg('恭喜您，注册成功')
    //    清空表单
    $("#form-reg")[0].reset()
    //切换到登录区域
    $("#registerBox a").click()
     
    })
})
//需求4：登录
$("#form-login").on('submit',function(e) {
    e.preventDefault()
    axios({
        method: 'POST',
        url: '/api/login',
        data: $("#form-login").serialize()
    }).then((res) => {
        //console.log(res.data);
        let obj = res.data
        if(obj.status != 0) {
            return layer.msg(obj.message)
        }
        //成功：提示，跳转，保存token
        layer.msg("恭喜您，注册成功")
        location.href = '/index.html'
        localStorage.setItem('token',obj.token)
})
})



 